var A;		// bas x
var B;		// current
var C;		// cover
var D;		// dlg
var E;		// command
var M;		// moving offset
var O=0;	// opt
var P=-1;	// pointer
var Q=0;	// length;
var T;		// out
var U;		// old view node
var V=10;	// view index
var W;		// wiper
var X;		// xmlhttp

function cam2(){
	var c=document.getElementById('camera');
	c.click();
	home();
}
function click(e){
	var t=e.target;
	while(t){
		if(t.tagName=='A')
			return;
		t=t.parentNode;
	}
	if(V==10 && !O){
		C=W.lastChild;
		B=C.previousSibling;
		if(e.screenX*2>screen.width){
			B.style.webkitTransform='translateX(-100px)';
			O=4;
		}else{
			C.style.webkitTransform='translateX(-461px)';
			O=5;
		}
		B.offsetWidth=B.offsetWidth;
		transcont();
		e.preventDefault();
	}
};
function dlg(i){
	if(U)
		U.style.display='';
	var n=D.firstChild.children[i];
	n.style.display='block';
	U=n;
	V=i;
}
function out(v){
	T.innerHTML=v;
}
function state(e){
	if(X.readyState==4){
		if(X.status==200){
			S=eval('('+X.responseText+')');
			Q=S.length;
			home();
		}else{
			_out('Error');
		}
	}
}
function touchend(e){
	switch(O){
	case 1:
		if(M>0)
			O=4;
		else if(M<0)
			O=5;
		transcont();
		e.preventDefault();
		break;
	default:
		O=0;
		var t=e.target;
		while(t){
			if(t.tagName=='A'){
				if(t.href==E && E.substr(0,11)=='javascript:'){
					eval(E.substr(11));
					E=null;
					e.preventDefault();
					return;
				}
			}
			t=t.parentNode;
		}
	}
}
function touchmove(e){
	switch(O){
	case 1:
		M=A-e.touches[0].screenX;
		if(M>0){
			B.style.webkitTransform='translateX(-'+M+'px)';
			C.style.webkitTransform='';
		}
		else{
			B.style.webkitTransform='';
			C.style.webkitTransform='translateX(-'+(381+M)+'px)';
		}
	}
	e.preventDefault();
}
function touchstart(e){
	e.preventDefault();
	var t=e.target;
	while(t){
		if(t.tagName=='A'){
			E=t.href;
			O=0;
			return;
		}
		t=t.parentNode;
	}
	if(V==10){
		switch(O){
		case 6:
		case 7:
			transend();
		case 0:
			C=W.lastChild;
			B=C.previousSibling;
			A=e.touches[0].screenX;
			O=1;
			break;
		default:
		}
	}
}
function transcont(){
	switch(O){
	case 4:
		B.style.webkitTransition='-webkit-transform 300ms ease-out';
		B.style.webkitTransform='';
		if(P<(Q-1)){
			B.className='m1';
			O=6;
			P++;
		}else O=8;
		break;
	case 5:
		C.style.webkitTransition='-webkit-transform 300ms ease-out';
		C.style.webkitTransform='';
		if(P>0){
			C.className='m2';
			O=7;
			P--;
		}else O=8;
		break;
	}
}
function transend(){
	var f,n;
	switch(O){
	case 6:
		f=W.firstChild;
		f.className='s1';
		n=f.nextSibling;
		n.className='s2';
		n=n.nextSibling;
		n.className='s0';
		W.removeChild(n);
		W.insertBefore(n,f);
		n.src=P<(Q-1)?S[P+1].s:'/img/blank.gif';
		break;
	case 7:
		n=W.lastChild;
		n.className='s1';
		n=n.previousSibling;
		n.className='s0';
		n=n.previousSibling;
		n.className='s2';
		W.removeChild(n);
		W.appendChild(n);
		n.src=P>0?S[P-1].s:'/img/blank.gif';
	}
	O=0;
	B.style.webkitTransition='';
	C.style.webkitTransition='';
}

function about(){
	dlg(1);
}
function account(){
	dlg(2);
}
function age(){
	dlg(3);
}
function camera(){
	V=11;
	setTimeout(cam2,1);
}
function gender(){
	dlg(4);
}
function height(){
	dlg(5);
}
function home(){
	W.style.display='block';
	D.style.display='none';
	if(V==10){
		if(P){
			var n=W.lastChild;
			n.src='/img/blank.gif';
			n=n.previousSibling;
			n.src=S[0].s;
			n=n.previousSibling;
			n.src=S[1].s;
			P=0;
		}
	}else V=10;
}
function init(){
	window.scrollTo(0,1);
	D=document.getElementById('dlg');
	T=document.getElementById('out');
	W=document.getElementById('wpr');
	document.addEventListener("click",click,false);
	document.addEventListener("touchend",touchend,false);
	document.addEventListener("touchmove",touchmove,false);
	document.addEventListener("touchstart",touchstart,false);
	document.addEventListener("webkitTransitionEnd",transend,false);
	X=new XMLHttpRequest();
	X.onreadystatechange=state;
	X.open('GET','demo.json',true);
	X.send();
}
function like(){
}
function locatn(){
	dlg(6);
}
function more(){
	D.style.display='block';
	W.style.display='none';
	dlg(0);
}
function units(){
	dlg(7);
}
function weight(){
	dlg(8);
}